<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>源三岁</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="container">
        <header>
            <h1>源三岁</h1>
            <nav>
                <ul>
                    <li><a href="#home">首页</a></li>
                    <li class="dropdown">
                        <a href="#tools">小工具集合</a>
                        <div class="dropdown-content">
                            <a href="sample-size.html">样本量计算器</a>
                            <a href="markdown-editor.html">Markdown编辑器</a>
                        </div>
                    </li>
                    <li class="dropdown">
                        <a href="#agents">我的Agent</a>
                        <div class="dropdown-content">
                            <a href="https://www.coze.cn/s/AWgDQOuJgHg/">心理学科普视频-剪映草稿生成</a>
                        </div>
                        <div class="dropdown-content">
                            <a href="http://127.0.0.1:80">知识库</a>
                        </div>
                    </li>
                    <li class="dropdown">
                        <a href="#agents">role model</a>
                        <div class="dropdown-content">
                            <a href="https://alteredqualia.com/">role model</a>
                        </div>
                    </li>
                    <li>
                        <button class="theme-toggle" id="themeToggle">
                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                <path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/>
                            </svg>
                            <span>切换主题</span>
                        </button>
                    </li>
                </ul>
            </nav>
        </header>
        
        <main>
            <section id="home" class="hero">
                <div class="fractal-canvas" id="fractalCanvas"></div>
                <div class="hero-content">
                    <h2>探索奇妙世界</h2>
                    <p>无限细节，无限可能</p>
                </div>
            </section>
            
        </main>
        
        <footer>
            <p>&copy; 2024 源三岁. All rights reserved.</p>
        </footer>
    </div>
    
    <script src="script.js"></script>
</body>
</html> 